@extends('shop::layouts.master')
@section('title')
    信达养车-商户后台登录
@endsection

<style>
     .login-bg {
         background: url(/admin/images/bg.png) center center / cover no-repeat!important;
         overflow: hidden;
     }
</style>
<body class="login-bg">
<div class="login layui-anim layui-anim-up">
    <div class="message">信达养车-商户后台登录</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form" >
        <input name="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
        <hr class="hr15">
        <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
        <hr class="hr15">
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
        <hr class="hr20" >
    </form>
</div>
</body>

@section('tab_js')
    <script>
        //跳转到登录页面
        if(window.top!==window.self){
            window.top.location=window.location
        }
    </script>
    <script>
        $(function  () {
            layui.use('form', function(){
                var form = layui.form;
                // layer.msg('玩命卖萌中', function(){
                //   //关闭后的操作
                //   });
                //监听提交
                form.on('submit(login)',
                    function(data) {
                        var $_url = '{{route('shop_login_in')}}';
                        var $_data = data.field;

                        $.ajax({
                            url:$_url,
                            type:'put',
                            data:$_data,
                            dataType : "json",
                            success:function(result){
                                if(result.state === 0){
                                    //清除所有的localStorage
                                    localStorage.clear();

                                    layer.msg(
                                        "登录成功",
                                        {time:1000,icon: 6},
                                        function() {
                                            location_redirect('{{route('shop_index')}}');
                                        });
                                }else{
                                    layer.msg(result.msg, {time:2000,icon: 5});
                                }

                            }
                        });
                        return false;
                });
            });
        })
    </script>
@endsection




